<template>
  <div>
    <div class="mode-left-con">
      <div class="info-container">
        <div class="info-item">
          <p>{{$t('totalFunds')}}:</p>
          <h1>{{ base.totalfunds}}</h1>
        </div>
        <div class="info-item">
          <p>{{$t('totalUsers')}}:</p>
          <h1>{{ base.totalusers }}</h1>
        </div>
        <div class="info-item">
          <p>{{ $t('project') }}:</p>
          <h1>{{ base.projectcount }}+</h1>
        </div>
        <div class="info-item">
          <p>{{$t('arkPrice')}}:</p>
<!--          <h1>N/A</h1>-->
          <h1>{{base.arkprice}}</h1>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "leftModeCon",
  props:{
    base:{
      type: Object,
      default: ()=> {}
    }
  },
  data(){
    return {
    }
  },
  mounted() {

  }
}
</script>

<style scoped>

</style>
